// close photo preview block
function closePhotoPreview() {
    $('#photo_preview').hide();
    $('#photo_preview .pleft').html('');
    $('#photo_preview .pright').html('');
};

// display photo preview block
function getPhotoPreviewAjx(id, pid) {
    $('#photo_preview').show();
    $.post('loadUserWishListPhoto', {id: id, pid: pid},
        function(data){
            $("#photo_wrp").html(data);
        }
    );
};

// display photo preview block
function getPhotoPreviewAjx3(id, pid, uid) {
    $('#photo_preview').show();
    $.post('loadUserWishListPhoto', {id: id, pid: pid, uid: uid},
        function(data){
            $("#photo_wrp").html(data);
        }
    );
};

// submit comment
function submitComment(pid, id) {
    var sText = $('#text').val();

    if (sText) {
        $('#formComment').toggle(500);
        $.post('sendUserPhotoComment', { text: sText, pid: pid, id: id, }, 
            function(data){
                $('#comments_list').fadeOut(1000, function () {
                    $("#text").val('');
                    $(this).html(data);
                    $(this).fadeIn(1000);
                }); 
            }
        );
    } else {
        alert("Debe de ingresar su comentario!");
        return false;
    }
};

// init
$(function(){

    // onclick event handlers
    $('#photo_preview .photo_wrp').click(function (event) {
        event.preventDefault();
        return false;
    });
    
    $('#photo_preview').click(function (event) {
        closePhotoPreview();
    });
    
    $('#photo_preview img.close').click(function (event) {
        closePhotoPreview();
    });
    
    $('#wishInnerBodyList img').click(function (event) {
        if (event.preventDefault) event.preventDefault();
        getPhotoPreviewAjx($(this).attr('id'), $(this).attr('rel'));;
    });
    
    $('#news_list img.img').click(function (event) {
        if (event.preventDefault) event.preventDefault();
        getPhotoPreviewAjx3($(this).attr('id'), $(this).attr('rel'), $(this).attr('user'));;
    });

})